<template>
<div class = "pro_detail">
	<!--头部-->
	<!-- <header class="aui-bar aui-bar-nav aui-bar-light opacity_title">
	<router-link to="/main/profile">
		<div class="close_page">
			<i></i>
			<i></i>
			<i></i>
		</div>
	</router-link>
	<div class="aui-title">翌然用户服务协议</div>
	</header> -->
	<m-header v-bind:title="detail.title" :hasTitle="true" :hasBack="true"></m-header>	
	<div class = "proticalDetail">
		<div class = "detailTxt" v-if="detail">
			<article v-html="detail.detail"></article>
		</div>
		<div v-else>
			<article>暂无数据</article>
		</div>
	</div>
</div>
</template>

<script>
import {findDetail} from '../../api/wxh/getData.js'
import Header from "../../real-containers/header"
import { Toast } from '../../utils/toast.js'
	export default {
		data () {
			return {			
				detail: '',
			}
		},
		async created() {
			let res = await  findDetail(this.$route.query.expCode);
			this.detail = res.data.data[0];
		},
		components: {
		        "m-header": Header,
		},

	}
</script>
<style>
    .pro_detail {
		position: relative;
		top: 0;
		width: 100%;
		height:100%;
		overflow:hidden;
		/*overflow-y:scroll;*/
		display: flex;
		flex-flow: column nowrap;
	}
	header {
		text-align: center;
	}
	.proticalDetail {
		padding:0.5rem 0;
		flex: 1;
		overflow-y: scroll;
	}
	.detailTxt {
		background:#fff;
		padding:0.5rem;
	}
	.detailTxt p {
		text-align:left;
	}
</style>